<template>
    <!-- html -->
    <div class="beauty">
        <h3>{{ xw }}</h3>
        <Helloxxx />
        <!-- 全局指令 -->
        <h2 v-beauty="sum">你好啊，我正在测试全局指令....</h2>
    </div>
</template>

<script lang="ts" setup name="beauty">
import { ref } from 'vue';

let sum = ref(10)

</script>

<style scoped>
/* 样式 */
.beauty {
    background-color: #ddd;
    border-radius: 10px;
    padding: 20px;
}
</style>